.reserveBox {
  .reserve-list-group {
    padding: 0 20rpx;
    margin: 16rpx 20rpx 20rpx;
    // background-color: #ffffff;
    background-color: #f5f5f5;
    border-radius: 16rpx;
    overflow: hidden;
    display: flex;
    flex-wrap: wrap;
    box-shadow: 2px 2px 18px rgba(0, 0, 0, 0.2);

    .list {
      display: flex;
      width: 50%;
      justify-content: space-between;
      align-items: center;
      margin: 28rpx 0;
      height: 80rpx;
      padding-bottom: 12rpx;

      .left-content {
        width: 60rpx;
        height: 60rpx;
        border-radius: 50%;
      }

      .right-content {
        height: 100%;
        display: flex;
        justify-content: space-between;
        align-items: center;
        margin-left: 20rpx;
        border-bottom: 2rpx solid #cccccc;
        padding: 10rpx 20rpx 10rpx 0rpx;

        .left {
          .textOne {
            display: block;
            font-size: 28rpx;
            color: #0a0a0a;
            font-weight: bold;
          }

          .textTwo {
            font-size: 24rpx;
            color: #737574;
            font-weight: bold;
          }
        }

        .right {
          font-size: 24rpx;
          text-align: center;

          .goto,
          .no_active {
            padding: 10rpx 20rpx;
            border-radius: 50rpx;
          }

          .goto {
            background: #fed001;
            font-weight: bold;
          }

          .no_active {
            background-color: #f0f0f0;
            color: #a0a0a0;

          }
        }
      }

      .right-content {
        flex: 1;
      }
    }

    Input {
      flex: 1;
      margin-right: 8rpx;
      border: 1px solid #FFD700;
    }

    Button {
      background-color: #1E90FF;
      color: #FFFFFF;
    }
  }


}
